<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <script src="./js/tools.js"></script>
    <style>
        body{
            display: flex;
            flex-direction: column;
        }
        #header{
            height: .4rem;
            background-color: red;
        }
        #header .headerbox {
            text-align: center;
            font-size: .16rem;
        }
        #header .headerbox a {
            font-size: .16rem;
            color: #333333;
            float: left;
        }
        #main{
            flex: 1;
            overflow-y: hidden;
            position: relative;
        }
        #footer {
            height: .5rem;
        }

        #footer .footer-box {
            height: .5rem;
            display: flex;
            justify-content: space-around;
            align-items: center;
        }

        #footer .footer-box a {
            display: block;
            font-size: .2rem;
            color: #999999;
            /* text-align: center; */
        }

        #tb{
           font: .2rem/.2rem "";
        }
         #tb tr{
           height: .5rem;
        }
       
        #tijiao{
           width: .5rem;
           height: .3rem;
           margin-left: 1.5rem;
        }
        #tianjia{
            position: absolute;
            bottom: .21rem;
            right: .21rem;
        }
    </style>
</head>
<body>
      <!-- header 开头 -->
      <div id="header">
        <div class="headerbox tou">
            <a href="./index.html">&lt;</a>
            个人中心
        </div>
    </div>
    <!-- header end -->

    <!-- main start -->
    <div id="main">
        <!-- content 内容 -->
        <table id="tb" align="center">
            <tr>
                <td>用户名</td>
                <td>
                    <input type="text" id="username">
                </td>
            </tr>
            <tr>
                <td>密码</td>
                <td>
                    <input type="text" id="password">
                </td>
            </tr>
            <tr>
                <td>手机号</td>
                <td>
                    <input type="text" id="mobile">
                </td>
            </tr>
        </table>
        <input type="button" value="提交" id="tijiao">
        <!-- content end -->

        <!-- 添加商品 -->
        <input type="button" value="添加商品" id="tianjia">
    </div>
    <!-- main start -->
    
     <!-- footer start 尾部-->
     <div id="footer">
        <div class="footer-box dibu">
            <a href="./index.html">首页</a>
            <a href="./rdian.html">热点</a>
            <a href="./shopping.html">购物车</a>
            <a href="./scang.html">收藏</a>
            <a href="./mycenter.html">我的</a>
        </div>
    </div>
    <!-- footer end -->
</body>
<script src="./js/mycenter.js"></script>
<script>
    document.querySelector("#tianjia").onclick = function(){
        window.location.href = "./tianjia.html";
    }
</script>
</html>